// 专门用来写header的加载和 所有的js功能
define(['jquery'], () => {
    class Header {
        constructor() {
            // 获取输入联想词列表元素
            // const ol = document.querySelector('ol')
            this.load().then(() => {
                this.search()
            })
        }
        // 加载header
        load() {
            // 返回一个promise对象，以实现在该方法完成后使用.then
            return new Promise(resolve => {
                // 加载header
                $('header').load('/html/header.html', () => {
                    resolve()
                })
            })
        }

        // 创建搜索列表
        lenovoList(res) {
            console.log(res)
            // ol.innerHTML = ''
            // 拿到数据，创建标签，添加到页面
            // if (res.g) {
            //     const { g: list } = res
            //     console.log(list)
            //     list.forEach(item => {
            //         // 创建li
            //         const li = document.createElement('li')
            //         li.innerText = item.q
            //         // 添加到ol
            //         ol.appendChild(li)
            //     })
            //     // 让ol显示
            //     ol.style.display = 'block'
            // } else {
            //     ol.style.display = 'none'
            // }
        }

        // 搜索
        search() {
            const _that = this;

            // const fn = this.lenovoList
            $('#searchInput').on('input', function () {

                window.fn = (res) => {
                    const ol = document.querySelector('.nav-search ol')
                    ol.innerHTML = ''
                    // 拿到数据，创建标签，添加到页面
                    if (res.g) {
                        const { g: list } = res
                        console.log(list)
                        list.forEach(item => {
                            // 创建li
                            const li = document.createElement('li')
                            li.innerText = item.q
                            // 添加到ol
                            ol.appendChild(li)
                        })
                        // 让ol显示
                        ol.style.display = 'block'
                    } else {
                        ol.style.display = 'none'
                    }
                }

                // console.log($(this));
                // 获取输入框的文本数据

                const scripts = document.querySelectorAll('script')

                //  对所有的script标签进行遍历，如果有id === jsonp就移除
                scripts.forEach(item => {
                    if (item.id === 'jsonp') {
                        document.body.removeChild(item)
                    }
                })

                // 创建一个script标签用于跨域请求，请求地址为百度接口
                let script = document.createElement('script')
                script.id = 'jsonp'
                // https://www.baidu.com/sugrec?pre=1&p=3&ie=utf-8&json=1&prod=pc&from=pc_web&sugsid=1438,33241,33059,31660,33099,33100,32958,33231,32845,26350,33199,33265&wd=1&req=2&csor=1&cb=jQuery11020938139572771783_1607911627940&_=1607911627941
                script.src = `https://www.baidu.com/sugrec?pre=1&p=3&ie=utf-8&json=1&prod=pc&from=pc_web&sugsid=1438,33241,33059,31660,33099,33100,32958,33231,32845,26350,33199,33265&wd=${this.value}&req=2&csor=1&cb=fn&_=1607911627941`
                document.body.appendChild(script)
                // $.ajax({
                //     url:'https://www.baidu.com/sugrec',
                //     type:"GET",
                //     data:'pre=1&p=3&ie=utf-8&json=1&prod=pc&from=pc_web&sugsid=1438,33241,33059,31660,33099,33100,32958,33231,32845,26350,33199,33265&wd=1&req=2&csor=1&cb=fn&_=1607911627941',
                //     dataType:'jsonp',
                //     jsonpCallback:_that.lenovoList,
                //     success(res){
                //         console.log(res)
                //     },
                //     error(err){
                //         console.log(err);
                //     }
                // })
            })
        }
    }
    return new Header()
});